<!DOCTYPE html>
<html>
	<head>
		<meta name="author" content="72017810613 赵一杨"/>
		<meta charset="utf-8" />
		<title>梦想橱柜-网站首页</title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<script type="text/javascript" src="js/wrap.js"></script>
	</head>
	<body>
		<div id="header">
			<div class="logo">
				<img src="img/logo.jpg"/>
			</div>
			<div class="right_jm">
				<a href="reg.html" class="reg">会员注册</a>
				<a href="login.html"class="login">登录</a>
			</div>
			<div class="slogan">
				<img src="img/slogan.jpg"/>
			</div>
		</div>
		<div id="nav">
			<ul class="content">
				<li class="hover_bj"><a href="index.html">网站首页</a></li>
				<li><a href="brand.html">梦想品牌</a></li>
				<li><a href="news.html">新闻资讯</a></li>
				<li><a href="product.html">产品中心</a></li>
				<li><a href="custom.html">客户服务</a></li>
				<li><a href="guest.html">在线留言</a></li>
				<li><a href="contact.html">在线客服</a></li>
			</ul>
		</div>
		<div id="demo01" class="flexslider">
			<ul class="slides">
				<li>
					<div class="img">
						<img src="img/ad_auto.jpg" height="480"width="1000"/>	
					</div>
				</li>
				<li>
					<div class="img">
						<img src="img/ad_yuetu.jpg"height="480" width="1000"/>	
					</div>
				</li>
				<li>
					<div class="img">
						<img src="img/ad_nba.jpg" height="480"width="1000"/>	
					</div>
				</li>
				<li>
					<div class="img">
						<img src="img/ad_stock.jpg" height="480"width="1000"/>	
					</div>
				</li>
			</ul>
		</div>
		<script type="text/javascript" src="js/slider.js"></script>
		<script type="text/javascript">
			$(function(){
				$('#demo01').flexslider({
					animation:"slide",
					direction:"horizontal",
					easing:"swing"
				});
			});
		</script>
		<div id="main">
			<div class="content_main">
				<div class="content_serial">
					<div class="con_txt">
						<h1>整体橱柜系列</h1>
						<div class="con_intro"><p>整体橱柜系列，打造出真正适合中国人的健康橱柜系列，势必开创出一个整体橱柜系列的新纪元。</p></div>
						<div class="con_img"><img src="img/img_left.jpg"/></div>
					</div>
					</div>
					<div class="content_serial" style="background: none;margin-left: 0px;">
						<div class="con_txt"style="float: right;">
						<h1>整体橱柜系列</h1>
						<div class="con_intro"><p>集成环保灶的设计，带来更健康的功能组合，更舒适的使用体验。无论是政绩的综合性能，个性化整体厨房的适配性，还是日常的清洁维护，都拥有与众不同的卓越魅力。</p></div>
						<div class="con_img"><img src="img/img_right.jpg"/></div>
					</div>
					</div>
					<div class="con_1"style="margin-left: 10px;">
						<div class="left_txt">
							<h1><a href="brand.html">梦想</a>品牌</h1>
							<div style="height: 140px;overflow: hidden;">
								<p>梦想橱柜，一家致力于满足全球消费者整体厨房应用需求的企业，中国最大的整体橱柜生产企业之一。始创与1998年，基于19年锐意进取和极具前瞻性的全球战略目光，梦想橱柜迅速发展成在区域产业链前后相关联度趋合的知名企业、交易平台，并被应邀成为国家标准的修编单位。</p>							
							</div>
							<div class="bottom_cult"><a>企业文化</a><a>品牌介绍</a></div>
						</div>
						<div class="right_img"><img src="img/house.jpg"/></div>
					</div>
					<div class="con_1">
						<div class="left_txt">
							<h1>新闻资讯</h1>
							<div style="height: 140px;overflow: hidden;">
								<ul>
									<li><a>【公司新闻】步入竞争红海，悉数橱柜市场促销</a></li>
									<li><a>【行业资讯】梦想精品 挑战山寨价格</a></li>
									<li><a>【行业资讯】梦想新品雅典娜</a></li>
									<li><a>【公司新闻】创新品质 尽在出众实力</a></li>
								</ul>
							</div>
							<div class="bottom_cult"><a>公司新闻</a><a>行业新闻</a></div>
						</div>
						<div class="right_img"><img src="img/camera.jpg"/></div>
					</div>
			</div>
		    <div style="clear: both;"></div>
		</div>
		<div class="new_prod">
			<div class="title_z">
				<a href="#" style="float: right;font-size: 12px;margin-right: 10px;">更多>></a>最新产品
			</div>
			<script type="text/javascript">
				function marquee(i, direction){
	                var obj = document.getElementById("marquee" + i);
	                var obj1 = document.getElementById("marquee" + i + "_1");
	                var obj2 = document.getElementById("marquee" + i + "_2");
	                if (direction == "up"){
		                if (obj2.offsetTop - obj.scrollTop <= 0){
			                obj.scrollTop -= (obj1.offsetHeight + 20);
		                }else{
			                var tmp = obj.scrollTop;
			                obj.scrollTop++;
			            if (obj.scrollTop == tmp){
				            obj.scrollTop = 1;
			               }
		                }
	                }else{
		                if (obj2.offsetWidth - obj.scrollLeft <= 0){
			                obj.scrollLeft -= obj1.offsetWidth;
		                }else{
			                obj.scrollLeft++;
		                }
	                }
                }
				function marqueeStart(i, direction){
	                var obj = document.getElementById("marquee" + i);
	                var obj1 = document.getElementById("marquee" + i + "_1");
	                var obj2 = document.getElementById("marquee" + i + "_2");
                    obj2.innerHTML = obj1.innerHTML;
	                var marqueeVar = window.setInterval("marquee("+ i +", '"+ direction +"')", 20);
	                obj.onmouseover = function(){
		                window.clearInterval(marqueeVar);
	                }
	                obj.onmouseout = function(){
		                marqueeVar = window.setInterval("marquee("+ i +", '"+ direction +"')", 20);
	                }
                }
			</script>
			<div class="warp_sp">
				<div id="marquee1"class="marqueeleft">
					<div style="width: 8000px;">
						<ul id="marquee1_1">
							<li>
								<a class="pic" href="productdetail.html">
									<img width="290"height="180"src="img/img_scroll.jpg"/></a>
							</li>
							<li>
								<a class="pic" href="productdetail.html">
									<img width="290"height="180"src="img/img_scroll.jpg"/></a>
							</li>
							<li>
								<a class="pic" href="productdetail.html">
									<img width="290"height="180"src="img/img_scroll.jpg"/></a>
							</li>
							<li>
								<a class="pic" href="productdetail.html">
									<img width="290"height="180"src="img/img_scroll.jpg"/></a>
							</li>
						</ul>
						<ul id="marquee1_2"></ul>
					</div>
				</div>
			</div>
			<script type="text/javascript">marqueeStart(1,"left");</script>
		</div>
		<div style="clear: both;"></div>
		<div id="footer">
			<div class="content_bq">
				<p>
				   <a href="index.html">网站首页</a>|<a href="brand.html">梦想品牌</a>|
				   <a href="news.html">新闻资讯</a>|<a href="product.html">产品中心</a>|
				   <a href="custom.html">客户服务</a>|<a href="guest.html">在线留言</a>|
			       <a href="contact.html">在线客服</a>|
				</p>
				<p>版权&copy;梦想橱柜 72017810613 赵一杨</p>
			</div>
			
		</div>	
	</body>
</html>
